<template>
  <div id="main4" class="pie-wrap"></div>
</template>

<script>
import * as echarts from "echarts";
export default {
  data() {
    return {};
  },
  mounted() {
    this.$nextTick(() => {
      this.drawChart();
    });
  },
  methods: {
    drawChart() {
      this.myChart = echarts.init(document.getElementById("main4"));
      this.myChart.setOption({
        title: {
          // text: '毕业去向'
        },
        tooltip: {},
        legend: {
          data: ["本科生", "研究生"],
        },
        radar: {
          // shape: 'circle',
          name: {
            textStyle: {
              color: "#fff",
              backgroundColor: "#999",
              borderRadius: 3,
              padding: [3, 5],
            },
          },
          indicator: [
            { name: "升学", max: 6500 },
            { name: "就业", max: 16000 },
            { name: "未就业", max: 30000 },
          ],
        },
        series: [
          {
            name: "本科生 vs 研究生",
            type: "radar",
            // areaStyle: {normal: {}},
            data: [
              {
                value: [4300, 10000, 28000],
                name: "本科生",
              },
              {
                value: [5000, 14000, 28000, 31000],
                name: "研究生",
              },
            ],
          },
        ],
      });
    },
  },
};
</script>
